@use './global.scss';

:root {
  --app-interval: 15px; //应用边距
  --app-layout-height: var(--inner-height); //布局高度
  --app-layout-width: 100vw; //布局宽度
  --app-layout-header-height: 52px; //布局顶部高度
  --app-layout-tag-height: 32px; //布局标签页高度
  --ach: calc(var(--app-layout-height) - var(--app-layout-header-height) - var(--app-layout-tag-height) - var(--app-interval) - var(--app-interval)); //容器高度
  --app-content-base-color: var(--el-bg-color-page); //视图容器背景色
  --el-menu-base-level-padding: 14px !important;
  --el-menu-level-padding: 28px !important;
  --el-menu-item-height: 48px !important;
}

body, #app {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: var(--inner-height);
  box-sizing: border-box;
}